/*
*介绍:dialog自定义样式,绑定样式的时候需使用custom-class,
*功能:内容比较少的时候按照实际高度进行显示,内容高度超出之后,在el-dialog内部的中间内容显示区域出现滚动条,
      而不是整个屏幕出现滚动条影响观感
*注意：在引入该文件的style标签中不能加scoped属性且需要通过custom-class来绑定样式
*author:sichuntian
*time:20220105
*/

.pub_dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0 !important;
  transform: translate(-50%, -50%);
  max-height: calc(100% - 100px);
  max-width: calc(100% - 100px);
  display: flex;
  flex-direction: column;
  .el-dialog__body {
    overflow: auto;
  }
}